<template>
	<view class='data-null' :style='{paddingTop: top + "rpx"}'>
		<image :style='{width: imgWidth + "rpx", height: imgHeight + "rpx"}' :src="imgUrl"  mode="widthFix"></image>
		<view class="text">
			{{text}}
		</view>
	<!-- 	<view class="flex align-center justify-center mt-30" style="width: 100%;" v-if="!token">
			<view class="cu-btn round shadow" style="width: 200rpx;background: #FC7B03;color: #fff;" @click='goPage("/pages/login/login")'>
				去登录
			</view>
		</view>
		<view class="flex align-center justify-center mt-30" style="width: 100%;" v-if="token && mchId<=0 && showBtn">
			<view class="cu-btn round shadow" style="width: 200rpx;background: #FC7B03;color: #fff;" @click='goPage("/pages/my/company/list")'>
				加入企业
			</view>
		</view> -->
	</view>
</template>

<script>
	const app = getApp()
	export default {
		props:{
			text:{
				type:String,
				default:"还没有内容"
			},
			imgUrl: {
				type:String,
				default:"https://qiyeji.oss-cn-beijing.aliyuncs.com/20250111/202412181423271974.png"
			},
			imgWidth: {
				type: Number,
				default: 668
			},
			imgHeight: {
				type: Number,
				default: 668
			},
			top: {
				type: Number,
				default: 0
			},
			showBtn:{
				type:Boolean,
				default:false
			}
		},
		name:"data-null",
		data() {
			return {
				token:'',
				mchId:-1
			};
		},
		created() {
			this.token = uni.getStorageSync('token')
			this.mchId = uni.getStorageSync('mchId')
		},
		methods:{
			goPage(url){
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.data-null {
		/* margin-top: 200rpx; */
		min-height: 100%;
		width: 100%;
		color: #999;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		image {
			width: 668rpx;
			height: 668rpx;
			margin-top: -200rpx;
		}
		
		.text {
			margin-top: -100rpx;
		}
	}
</style>